<wicket:extend>
	<div wicket:id="report" class="problem-report"></div>
	<wicket:fragment wicket:id="validFrag">
		<form wicket:id="form">
			<div class="clearable-wrapper flex-grow-1">
				<div class="input-group">
					<input wicket:id="input" class="form-control" spellcheck="false" autocomplete="off" t:placeholder="Filter targets">
					<span class="input-group-append">
						<button wicket:id="submit" t:data-tippy-content="Filter" class="btn btn-icon btn-outline-secondary" type="submit"><wicket:svg href="magnify" class="icon"></wicket:svg></button>
					</span>
				</div>
			</div>
			<div wicket:id="feedback" class="mt-3"></div>
		</form>
		<table wicket:id="groupsContainer" class="groups table">
			<tbody>
			<tr wicket:id="groups">
				<td>
					<div class="group d-flex flex-wrap align-items-center">
						<a wicket:id="toggle" class="name mr-2"><wicket:svg href="arrow" class="icon"/> 
							<span wicket:id="key"></span>
						</a>
						<a wicket:id="view" t:data-tippy-content="View source" class="mr-auto"><wicket:svg href="file" class="icon"/></a>
					</div>
					<wicket:enclosure child="problems">
						<div class="problems mt-2">
							<div wicket:id="tooManyProblems" class="alert alert-notice alert-light-warning"></div>
							<div wicket:id="problems" class="problem px-3 py-2 rounded bg-hover-light">
								<div class="d-flex mb-1">
									<div class="mr-auto">
										<span wicket:id="severity" class="severity badge badge-sm mr-2"></span>
										<span wicket:id="message" class="message text-break"></span>
									</div>
									<a wicket:id="location" class="range ml-3 text-nowrap"><span wicket:id="label"></span></a>
								</div>
							</div>
						</div>
					</wicket:enclosure>
				</td>
			</tr>
			</tbody>
			<wicket:enclosure>
				<tfoot>
				<tr>
					<td wicket:id="pagingNavigator" class="pt-5"></td>
				</tr>
				</tfoot>
			</wicket:enclosure>
			<wicket:enclosure>
				<tfoot>
				<tr>
					<td wicket:id="noRecords"></td>
				</tr>
				</tfoot>
			</wicket:enclosure>
		</table>		
	</wicket:fragment>
	<wicket:fragment wicket:id="invalidFrag">
		<div class="alert alert-notice alert-light-warning">
			<wicket:t>Report format changed. You may re-run this build to generate the report in new format</wicket:t>
		</div>
	</wicket:fragment>
</wicket:extend>